<template>
    <div class="goods-info">
        <detail-goods-img :goodsImg="goods.goodsImg"></detail-goods-img>
        <detail-goods-text :isCollection="isCollection" class="goods-test" :goods="goods"></detail-goods-text>
    </div>
</template>

<script>
    import DetailGoodsImg from "./DetailGoodsImg";
    import DetailGoodsText from "./DetailGoodsText";
    export default {
        name: "DetailGoodsInfo",
        props: {
            goods: {
                type: Object,
                default() {
                    return {}
                }
            },
            isCollection: {
                type: Boolean,
                default: false
            },
        },
        components: {
            DetailGoodsImg,
            DetailGoodsText
        }
    }
</script>

<style scoped>
    .goods-info {
        display: flex;
        justify-content: space-between;
    }
    .goods-test {
        flex: 1;
    }
</style>